{% extends "base.jinja" %}

{% block title %}欢迎加入婚礼时光{% endblock %}
{% block keywords %}注册,婚礼时光,登录{% endblock %}
{% block description %}注册/登录婚礼时光{% endblock %}

{% block css %},main.css{% endblock %}

{% block pagetype %}auth{%if mt_home == 'th'%}" style="overflow:hidden{%endif%}{% endblock %}

{% block main %}
    <div class="auth-bg"><img id="auth-img" src="http://s.lovewith.me/static/images/blank.gif" data-src="http://s.lovewith.me/static/images/sign/1.jpg?t=0127" /></div>
    <div class="auth-box" id="auth-box">
        <div class="layout au-uia auth-hd" id="auth-hd" data-action="{{action}}">
            <a class="inp-btn-pk-m" data-action="sign" href="javascript:;">登 录</a>
            <a class="inp-btn-pk-m" data-action="join" href="javascript:;">注 册</a>
            <a class="inp-btn-gray-m auh-view" {%if mt_home == 'th'%} href="javascript:;" {%else%} href="/" {%endif%}>浏 览</a>
        </div>
        <div class="auth-main" id="auth-main">
            <div class="layout">
                <span class="ua-item-ssa"></span>
                <div class="clearfix au-item aui-sign">
                    <div class="aui-main">
                        <p>通过注册邮箱登录</p>
                        <form>
                            <label>
                                <input data-text="请输入有效的邮箱" data-reg="^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$" class="inp-text" type="text" name="mail" value="" placeholder="请输入您的注册邮箱" />
                            </label>
                            <label>
                                <input data-text="密码不能为空" data-reg="^[^\s]+$" class="inp-text" type="password" name="pwd" value="" placeholder="请输入密码" />
                            </label>
                            <label class="inp-checkbox">
                                <input type="checkbox" name="" value="" />记住密码
                            </label>
                            <label class="aui-getpwd"><a href="/u/getpasswd/" target="_blank">忘记密码</a></label>
                            <a data-action="sign" class="inp-btn-pk" href="javascript:;" name="">完 成</a>
                        </form>
                    </div>
                    <div class="aui-side">
                        <p>通过社交网络登录：</p>
                        <a class="ui-a auth-wb" href="javascript:;" data-action="{{weibo_auth_uri}}" title="通过新浪微博登录">通过新浪微博登录</a>
                        <a class="ui-a auth-qq" href="javascript:;" data-action="{{qq_auth_uri}}" title="通过腾讯QQ登录">通过腾讯QQ登录</a>
                    </div>
                </div>
                <div class="au-item aui-join">
                    <div class="aui-join-type" id="aui-join-type">
                        <a class="ui-a auth-wb" href="javascript:;" data-action="{{weibo_auth_uri}}">通过新浪微博注册</a>
                        <a class="ui-a auth-qq" href="javascript:;" data-action="{{qq_auth_uri}}">通过腾讯QQ注册</a>
                        <a class="ui-a auth-mail" href="javascript:;" data-action="mail">通过邮箱注册</a>
                    </div>
                    
                    <div class="clearfix ua-item-box" id="ua-item-box">
                        <div class="aui-main">
                            <form>
                                <input type="hidden" name="app_username" value="" id="app_username" />
                                <label>
                                    <input data-text="请输入有效的邮箱" data-reg="^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$" class="inp-text" type="text" name="email" value="" placeholder="请输入您的登录邮箱" />
                                </label>
                                <label>
                                    <input data-text="请输入6位以上字母、数字组合" data-reg="^[^\s]{6,}$" class="inp-text" type="password" name="pwd" value="" placeholder="请输入密码" />
                                </label>
                                <label>
                                    <input data-text="2次输入的密码不一致" data-reg="^[^\s]+$" class="inp-text" type="password" name="rep-pwd" value="" placeholder="重复输入密码" />
                                </label>
                                <label>
                                    <input data-text="请输入3位以上中文字符" data-reg="^[^\s]{3,30}$" class="inp-text" type="text" name="username" value="" placeholder="请输入您的昵称" />
                                </label>
                                <a data-action="join" class="inp-btn-pk" href="javascript:;" name="">完 成</a>
                            </form>
                        </div>
                        <div class="aui-side">
                            <span class="au-uia au-avatar"><img id="au-avatar" src="http://s.lovewith.me/static/images/avatar.gif" width="70" /></span>
                            <div class="au-upload" id="au-upload">
                                <span></span>
                                <a href="javascript:;">上传头像></a>
                            </div>
                            <div class="au-progress" id="au-progress"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}


{% block script %}
<script>seajs.use('page/sign', function(p){p.render()});</script>
{% endblock %}